import React from 'react'
import { connect } from 'react-redux'
import { global as globalDuck } from 'ducks'
import SideNav from 'components/sideNav'

const ToolBarView = ({ actionToogleSideNav }) => (
  <SideNav.ToolBarW80>
    <SideNav.BtnGroup>
      <SideNav.ToolBarButton src="https://png.icons8.com/ios/2x/double-right.png" action={actionToogleSideNav} />
      <SideNav.ToolBarButton active src="https://png.icons8.com/ios/2x/expand-filled.png" />
      <SideNav.ToolBarButton src="https://png.icons8.com/ios/2x/expand-filled.png" />
      <SideNav.ToolBarButton src="https://png.icons8.com/ios/2x/expand-filled.png" />
      <SideNav.ToolBarButton src="https://png.icons8.com/ios/2x/expand-filled.png" />
    </SideNav.BtnGroup>
  </SideNav.ToolBarW80>
)

const mapDispatchToProps = {
  actionToogleSideNav: globalDuck.creators.actionToogleSideNav,
}

export default connect(null, mapDispatchToProps)(ToolBarView)
